<template>
  <button type="button" class="header-button" @click="refresh">
    <span class="absolute -inset-1.5" />
    <span class="sr-only">{{ t('appHeader.refresh') }}</span>
    <arrow-path-icon class="h-6 w-6" aria-hidden="true" />
  </button>
</template>

<script setup lang="ts">
import { ArrowPathIcon } from '@heroicons/vue/24/outline';
import { useI18n } from 'vue-i18n';
const i18n = reactive(useI18n());
const { t } = toRefs(i18n);

const refresh = inject('refresh') as () => void;
</script>
